<template>
    <div id="modelView">
        <mt-header title="全文">
        <router-link to="/index/articlelist" slot="left">
        <mt-button icon="back">返回</mt-button>
        </router-link>
         </mt-header> 
      <div class="content">
          <!-- <h2>{{this.$route.query.id}}</h2> -->
          <h2>{{this.$route.query.title}}</h2>
          <h3>（校园新闻）</h3>
          <div v-if='this.$route.query.src.length>0'>
            <p style='text-align:center'>{{this.$route.query.content}}</p>
             <div v-for='item in this.$route.query.src'>
                  <img style='margin-top:.5rem' class='ssp' :src="item.src" alt="">
             </div>
          </div>
          <div v-else class="previewSubtitle" v-html="this.$route.query.content"></div>
      </div>
    
       
    </div>
</template>
 <script>
     export default{
         data(){
             return {

            }
         },
         methods:{
            
        },
     }
 </script scoped>
<style>
    #modelView {
        background:#eee;
         min-height:667px; 
    }
    #modelView .content{
        width:100%;
        min-height:7rem; 
        background:#bbe;
        margin:0 auto;
    }
    #modelView .content h2{
        padding:0.3333rem 0;
    }
    #modelView .content h3{
        color:#E95F18;
        padding-bottom:0.2667rem;
    }
    #modelView .content p{
         text-align: left;
    }
    #modelView .btnArea{
        width:90%;
        display: flex;
        /* border:1px solid red; */
        margin:0 auto;
        padding:20px 0;
        justify-content: space-around;
    }
    #modelView .nopass{
        width:2.6667rem;
        background:#3EDA90;
    }
    #modelView .pass{
        width:2.6667rem;
    }
    #modelView .previewSubtitle{
        text-indent:2em;
        font: 14px Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
      }
    #modelView .ssp{
        width: 7rem;
        height: 5rem;
        margin: 0 auto;
        display: block;
    }
    .el-message-box{
        width:350px;
    }
    .previewSubtitle img{
        width: 7rem;
        height: 5rem;
        margin: 0 auto;
        display: block;
    }
    #modelView .content img{
        width: 7rem;
        height: 5rem;
        margin: 0 auto;
        display: block;
    }
</style>



